page-setting
{
  // 头部
  .setting-header
  {
    @include office-header-style;
    .toolbar-background
    {
      @include office-background();
    }
  }

  // 内容
  .setting-section
  {

    // 内容页面
    .scroll-content
    {
      background-color: $office-page-background;
      // 展示设置条目
      ion-list
      {
        margin: px2rem(40) 0 0 0;

        // 提示通知设置
        a.item, .item-block
        {
          padding-left: px2rem(32);

          div.item-inner
          {
            padding-right: px2rem(49) !important;
            background: url("../assets/img/common/arrows-right.png") no-repeat right px2rem(32) center !important;
            background-size: px2rem(17) px2rem(29) !important;
            border: 0;

            // 左边
            div.input-wrapper
            {
              height: px2rem(87);
              ion-label
              {
                margin: 0;
                h2, div
                {
                  height: 100% !important;
                  line-height: px2rem(88);
                }
                // 标题
                & > h2
                {
                  font-size: px2rem(32);
                  color: $office-black;
                }
                // 内容
                & > div
                {
                  font-size: px2rem(28);
                  color: $office-light-black-six;
                  margin-right: px2rem(34);
                }

              }
            }

          }
          // 增加margin
          &:nth-child(-n+2)
          {
            margin-bottom: px2rem(20);
            border-top: 1px solid $office-ion-item-border-color;
            border-bottom: 1px solid $office-ion-item-border-color;
          }

          &:nth-child(3) {
            border-top: 1px solid $office-ion-item-border-color;
            .item-inner
            {
              border-bottom: 1px solid $office-ion-item-border-color;
            }
          }
          &:nth-child(4)  {
            border-bottom: 1px solid $office-ion-item-border-color;
          }

        }
      }
    }
  }

  // 底部退出按钮
  ion-footer.exit-footer
  {
    height: px2rem(98);
    bottom: 0 !important;
    button
    {
      @include office-footer-button-style(100%);
    }
  }
}

